/**
 *   This file is part of GeoArticle (a Joomla plugin).
 *   Written by Ivar Bergman (www.ivarbergman.se)
 *   Copyright (c) 2010 Ivar Bergman. All rights reserved.
 *
 *   GeoArticle is free software: you can redistribute it and/or modify
 *   it under the terms of the GNU General Public License as published by
 *   the Free Software Foundation, either version 3 of the License, or
 *   (at your option) any later version.
 *
 *   GeoArticle is distributed in the hope that it will be useful,
 *   but WITHOUT ANY WARRANTY; without even the implied warranty of
 *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *   GNU General Public License for more details.
 *
 *   You should have received a copy of the GNU General Public License
 *   along with GeoArticle.  If not, see <http://www.gnu.org/licenses/>.
 *
 */

#map_ctrl
{
    left: 15px;
    top: 15px;
    position: absolute;
}

.map_pos
{
    width: 75px;
    height: 75px;
    position: absolute;
    top: 0px;
    left: 0px;
} 

/* SKINNABLE */
.map_pos .up, .map_pos .down, .map_pos .left, .map_pos .right, .map_pos .center
{
    width: 25px;
    height: 25px;
    position: absolute;
    background-repeat: no-repeat;
    display: block;
    margin:0px;
    padding:0px;
} 

.map_pos a.up
{
    width: 75px;
    top: 0px;
    left: 0px;
    background-position: 0px 0px;
} 
.map_pos a.up:hover
{
    background-position: 0px -75px;
} 

.map_pos .left 
{
    top: 25px;
    left: 0px;
    background-position: 0px -25px;
} 
.map_pos .left:hover
{
    background-position: 0px -100px;
} 

.map_pos .right 
{
    top: 25px;
    left: 50px;
    background-position: -50px -25px;
} 
.map_pos .right:hover
{
    background-position: -50px -100px;
} 

.map_pos .center 
{
    top: 25px;
    left: 25px;
    background-position: -25px -25px;
} 
.map_pos .center:hover
{
    background-position: -25px -100px;
} 

.map_pos .down 
{
    width: 75px;
    top: 50px;
    left: 0px;
    background-position: 0px -50px;
} 
.map_pos .down:hover
{
    background-position: 0px -125px;
} 

.map_zoom
{
    width: 33px;
    height: 210px;
    position: absolute;
    top: 90px;
    left: 21px;
} 

/* SKINNABLE */
.map_zoom .in,.map_zoom .out,.map_zoom #track
{
    width: 33px;
    height: 35px;
    position: absolute;
    background-repeat: no-repeat;
    display: block;
} 

.map_zoom .in
{
    top: 0px;
    left: 0px;
    background-position: 0px 0px;
} 
.map_zoom .in:hover
{
    background-position: 0px -211px;
} 

.map_zoom .out
{
    bottom: 0px;
    left: 0px;
    background-position: 0px -173px;
} 
.map_zoom .out:hover
{
    background-position: 0px -384px;
} 

/* SKINNABLE */
.map_zoom #track
{
    background-position: 0px -35px;
    padding:0px;
    top: 35px;    
    height: 140px;
} 

/* SKINNABLE */
.map_zoom #track .ui-slider-handle
{
    margin-left: 6px;
    margin-top: -8px;
    height: 21px;
    width: 21px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: block;
    position: static;
} 


#map_type
{
    width: 157px;
    height: 33px;
    position: absolute;
    top: 35px;
    left: 110px;
} 

#map_type a
{
    text-align: center;
    line-height: 30px;
} 

/* SKINNABLE */
#map_type .normal, #map_type .physical, #map_type .satellite
{
    display: block;
    height: 33px;   
    background-repeat: no-repeat;
    float: left;
} 

#map_type .normal
{
    width: 49px;
    background-position: 0px 0px;
} 
#map_type .satellite
{
    width: 53px;
    background-position: -49px 0px;
} 
#map_type .physical
{
    width: 55px;
    background-position: -104px 0px;
} 

#map_type a.normal:hover
{
    background-position: 0px -34px;
} 
#map_type a.satellite:hover
{
    background-position: -49px -34px;
} 
#map_type a.physical:hover
{
    background-position: -104px -34px;
} 

#map_type a.active.normal
{
    background-position: 0px -68px;
} 
#map_type a.active.satellite
{
    background-position: -49px -68px;
} 
#map_type a.active.physical
{
    background-position: -104px -68px;
} 

